import { defineConfig, presetUno, presetAttributify } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),          // 官方默认预设（包含 Tailwind/Windi 风格类名）
    presetAttributify()   // 支持属性化语法（如 <div text-red>）
  ],
  rules: [
    // 自定义静态规则
    ['color-red', { color: 'red' }],
    // 动态规则（正则匹配）
    [/^text-(\d+)px$/, ([_, num]) => ({ 'font-size': `${num}px` })]
  ]
})